<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->

<!-- estilos "auxiliares" para que funcione el template sin contenidos //-->
	<style type="text/css">
		<!--
		h2 { margin-top: 40px; }
		.page { height: 6000px; }
		.buscar { height: 60px; }
		.content { height: 60px; }
		-->
	</style>

		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
<!-- 
		<script type="text/javascript" src="js/headerscripts.js"></script>
 -->
		<!-- end incluir scripts //-->

	</head>

<body>
<!-- conditional comment: aviso para Explorer 6 y menor //-->
		<!--[if lte IE 6]>
			<div id="aviso_ie">
				<p><strong>Estás utilizando Explorer 6 o menor</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
				<p>Podrás acceder la información que ofrece este sitio, pero puede que no todas las características de este sitio web funcionen correctamente.</p>
			</div>
		<![endif]-->
<div class="fondo-pagina">
	<img src="images/hotel-central/ofertas/salud-belleza/oferta1-fondo-gr.jpg" alt="" />
	<div class="gradient">&nbsp;</div>
</div>

	<div class="header"> 
		<h2 id="logo_claim"><a class="logo" name="top" title="volver a la página de inicio" href="index.html"><span class="hidden">Qporama - ofertas chollos coupones</span></a> <span class="claim">En Qporama, tu dinero vale mucho más.</span></h2>
	</div>


	<div class="page">

		<div class="user"> </div> <!-- cerrar user //-->

		<h2>Caja "buscar"</h2>
		<div class="buscar"> </div> <!-- cerrar buscar //-->

		<h2>Caja 960px curva 10px fondo blanco #fff</h2>
		<div class="caja c960">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 620px curva 10px fondo blanco #fff</h2>
		<div class="caja c620">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px curva 10px fondo blanco #fff</h2>
		<div class="caja c320">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px curva 20px fondo blanco #fff</h2>
		<div class="caja c320 r20">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px curva 20px fondo azul #eaf4f9</h2>
		<div class="caja c320 r20 eaf4f9">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px curva 20px fondo blanco #fff tipo ofertas</h2>
		<div class="caja c320 ofertas">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px info tarjeta fondo gris claro #f1f1f1</h2>
		<div class="caja c320 f1f1f1 fl-arriba">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px tu estatus fondo gris claro #f1f1f1</h2>
		<div class="caja c320 r10 f1f1f1">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 320px curva 20px fondo gris claro #f1f1f1</h2>
		<div class="caja c320 f1f1f1">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 302px curva 20px fondo blanco #fff</h2>
		<div class="caja c302">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 280px curva 20px fondo blanco #fff</h2>
		<div class="caja c280">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 225px curva 5px fondo blanco #fff</h2>
		<div class="caja c225">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 960px curva 10px fondo gris claro #f1f1f1</h2>
		<div class="caja c960 f1f1f1">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 620px curva 10px fondo gris claro #f1f1f1</h2>
		<div class="caja c620 f1f1f1">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 140px compartir fondo 95% blanco #fff flecha arriba izquierda</h2>
		<div class="caja c140 fl-arriba">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 140px compartir fondo 95% blanco #fff flecha arriba derecha</h2>
		<div class="caja c140 fl-arriba der">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 140px compartir fondo 95% blanco #fff flecha abajo izquierda</h2>
		<div class="caja c140 fl-abajo">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja 140px compartir fondo 95% blanco #fff flecha abajo derecha</h2>
		<div class="caja c140 fl-abajo der">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>Caja sidebox blue</h2>
		<div class="caja sidebox blue">
			<div class="content"></div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<h2>label y input</h2>
		<form action="validate.php" method="get">
			<p><label for="i1-nombre">Nombre</label></p>
			<p class="fondo-input"><input type="text" value="" id="i1-nombre" name="i1-nombre" /></p>
		</form>

	</div><!-- cerrar page //-->

</body>
</html>